<template>
  <div class="alarmway">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="声音报警" name="first">
        <Audio />
      </el-tab-pane>
      <el-tab-pane label="弹窗报警" name="second">
        <Popup />
      </el-tab-pane>
      <el-tab-pane label="微信报警" name="third">
   <Wechat />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import Audio from "./alarmWay/audio.vue"
import Popup from "./alarmWay/popup.vue"
import Wechat from "./alarmWay/wechat.vue"
export default {
  name: "Alarmway",
  data() {
    return {
      activeName: "first",

    };
  },
  components:{Audio,Popup,Wechat},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
   
  },
};
</script>

<style lang="scss" scoped>
.alarmway {
  width: 100%;
  height: 100%;

  .el-tabs {
    width: 100%;
    height: 100%;

  }
}
</style>
  